<template>
	<view class="yue-qrcode-modal">
		<u-popup :show="show" mode="center" @close="closePop" @open="openPop" zIndex="10071" :closeOnClickOverlay="true"
			:safeAreaInsetBottom="false" round="10rpx">
			<view class="pop-ctx">
				<view class="pop-close">
					<image class="close" src="@/static/my/pop-close.png" mode="" @click="close_pop()"></image>
				</view>
				<view class="pop-head">
					我的消费码
				</view>
				<view class="pop-body">
					<view class="qrcode-box">
						<image :src="codeImage" mode=""></image>
					</view>
					<view class="qrcode-text">
						扫码余额消费
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name: "modal-user-pinglun",
		props: {
			user: null,
		},
		data() {
			return {
				show: false,
				codeImage: '',

			}
		},

		methods: {
			init(codeImage) {
				this.codeImage = codeImage
				this.show = true;
			},
			openPop() {

			},
			closePop() {
				this.show = false;
			},
			close_pop() {
				this.show = false;
			}
		},
	}
</script>

<style lang="scss" scoped>
	::v-deep .u-popup__content {
		// border-radius: 32rpx 32rpx 32rpx 32rpx;
		background: transparent;
	}

	.pop-ctx {
		position: relative;
		width: calc(100vw - 72rpx);
		padding: 80rpx 0;
		margin: 0 auto;
		height: auto;
		border-radius: 20rpx;
		// overflow: hidden;
		background: #fff;
	}

	.pop-close {
		position: absolute;
		bottom: -108rpx;
		left: 50%;
		transform: translate(-50%);

		image {
			width: 48rpx;
			height: 48rpx;
		}
	}

	.pop-head {

		text-align: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: 600;
		font-size: 40rpx;
		color: #222222;
	}

	.pop-body {
		margin-top: 60rpx;

		.qrcode-box {
			width: 400rpx;
			height: 400rpx;
			margin: 0 auto;

			image {
				width: 400rpx;
				height: 400rpx;
			}
		}

		.qrcode-text {
			margin-top: 30rpx;
			text-align: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 30rpx;
			color: #999999;
		}
	}
</style>